<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <script src="./index2.js"></script>
</head>
<body>
    <!-- 音乐播放器 -->
  <div class="music">
    <img src="./images/music_pointer.png">
    <img id="music" class="play" src="./images/music_disc.png">
    <audio autoplay>
      <source src="./audio/happynewyear.mp3">
    </audio>
  </div>
  <!-- 第一个页面 -->
  <div id="page1" class="page">
    <div class="bg"></div>
    <div class="p1-lantern">点击屏幕<br>开启好运2022</div>
    <div class="p1-logo"></div>
    <div class="p1-words">软工学院新年特献</div>
  </div>
  <!-- 第二个页面 -->
  <div id="page2" class="page">
    <div class="bg"></div>
    <div class="p2-year p-absolute-center"></div>
    <div class="p2-circle p-absolute-center"></div>
  </div>
  <!-- 第三个页面 -->
  <div id="page3" class="page">
    <div class="bg"></div>
    <div class="p3-logo"></div>
    <div class="p3-left"></div>
    <div class="p3-title"></div>
    <div class="p3-right"></div>
    <div class="p3-fu"></div>
  </div>
</body>
</html>